<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>考试信息</title>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <link rel="stylesheet" type="text/css" href="<%=path %>/css/f/default.css"/>
	<link rel="stylesheet" type="text/css" href="<%=path %>/css/f/navs.css"/>
	<link rel="stylesheet" type="text/css" href="<%=path %>/css/f/assignment.css"/>
	<script src="js/jquery.min.js"></script>
	<script src="js/f/default.js"></script>
</head>

<body>
	<div class="all">
		<jsp:include page="/nav.jsp"></jsp:include>
        <div class="rightall float-left" id="stuScore">
            <div class="already">
                <div class="already-title">
                    <div class="left">发布考试</div>
                </div>
                <div class="form" style="margin-top: 10px;">
	                <form action="#" method="post">
	                	<div class="margin-left a-width float-left">
	                		<div class="float-left" style="width:100%;">
			                	<div>课程:</div>
			                	<select name="" class="query">
			                		<option value="">JavaWeb</option>
			                		<option value="">Orical</option>
			                	</select>
		                	</div>
		                	<div class="float-left margin-top" style="width:100%;">
		                	<div>班级:</div>
			                	<select name="" class="query">
			                		<option value="">软件(1)班</option>
			                		<option value="">软件(2)班</option>
			                	</select>
		                	</div>
		                </div>
		                <div class="margin-left b-width float-left">
		                	<div class="float-left" style="width:100%;">
				                <div>开始时间:</div>
				                <input type="datetime-local" name="beginTime" class="datetime">
			                </div>
			                <div class="float-left margin-top" style="width:100%;">
				                <div>结束时间:</div>
				                <input type="datetime-local" name="endTime" class="datetime">
			                </div>
		                </div>
		                <div class="float-left a-width" style="margin-left:10px;">
		                	<div class="float-left margin-top" style="width:100%;">
			                	<div>地点:</div>
			                	<input type="text" name="address" class="query">
		                	</div>
		                	<button type="submit" class="submit btn-style" style="width:100%;">发布并通知</button>
	                	</div>
	                </form>
                </div>
            </div>
            <br class="float-clear">
            <div class="already">
                <div class="already-title">
                    <div class="left">考试信息</div>
                </div>
                <form action="#" method="post">
                	<div style="margin-top: 15px;">
                		<span style=" margin-left:300px;"></span>
                		班级:<select class="task" name="class">
                            <option value="">软件(1)班</option>
                            <option value="">软件(2)班</option>
                        </select>
                		<span style=" margin-left:50px;"></span>
                		<input class="task btn-style" type="submit" value="查找">
                	</div>
                </form>
                <table>
                	<tr class="tr-style-head">
                		<td>考试班级</td>
                		<td>考试课程</td>
                		<td>考试时间</td>
                		<td>考试地点</td>
                		<td>应到人数</td>
                		<td>实到人数</td>
                		<td>考试类型</td>
                		<td>考试完成状态</td>
                		<td>考试状态</td>
                		<td>操作</td>
                	</tr>
                	<tr class="tr-style">
                		<td>软件(1)班</td>
                		<td>JavaWeb</td>
                		<td>2018-4-02 14:30</td>
                		<td>教阶一</td>
                		<td>70</td>
                		<td>70</td>
                		<td>专业考试</td>
                		<td>已完成</td>
                		<td>正常</td>
                		<td>
                			<a class="a-color-red" onclick="seeStuScore()">查看成绩</a>
                		</td>
                	</tr>
                	<tr class="tr-style">
                		<td>软件(1)班</td>
                		<td>JavaWeb</td>
                		<td>2018-4-02 14:30</td>
                		<td>教阶一</td>
                		<td>70</td>
                		<td>70</td>
                		<td>专业考试</td>
                		<td>已完成</td>
                		<td>正常</td>
                		<td>
                			<a class="a-color-red" onclick="seeStuScore()">查看成绩</a>
                		</td>
                	</tr>
                	<tr class="tr-style">
                		<td>软件(1)班</td>
                		<td>JavaWeb</td>
                		<td>2018-4-02 14:30</td>
                		<td>教阶一</td>
                		<td>70</td>
                		<td>70</td>
                		<td>专业考试</td>
                		<td>已完成</td>
                		<td>正常</td>
                		<td>
                			<a class="a-color-red" onclick="seeStuScore()">查看成绩</a>
                		</td>
                	</tr>
                	<tr class="tr-style">
                		<td>软件(1)班</td>
                		<td>JavaWeb</td>
                		<td>2018-4-02 14:30</td>
                		<td>教阶一</td>
                		<td>70</td>
                		<td>70</td>
                		<td>专业考试</td>
                		<td>已完成</td>
                		<td>正常</td>
                		<td>
                			<a class="a-color-red" onclick="seeStuScore()">查看成绩</a>
                		</td>
                	</tr>
                </table>
	            <div class="previous">
                	<a href="#">下一页</a>
                    	&nbsp;&nbsp;1/3&nbsp;&nbsp;
                	<a href="#">下一页</a>
                    <div class="float-right excel"><button name="" class="btn-style">导出文件</button></div>
                </div>
            </div>
    	</div>
    	<div class="rightall float-left" id="score">
            <div class="already">
                <div class="already-title">
                    <div class="left">考试成绩</div>
                    <div class="left float-right">
  						<span style="cursor: pointer;float:right;margin-right:20px;" onclick="seeClass()">返回考试信息</span>
  					</div>
                </div>
                <form action="#" method="post">
                	<div style="margin-top: 15px;">
                		<span style=" margin-left:200px;"></span>
                		学号:<input type="text" value="" class="task" name="stuId">
                		<span style=" margin-left:50px;"></span>
                		姓名:<input type="text" name="stuName" class="task" value="">
                		<span style=" margin-left:50px;"></span>
                		<input class="task btn-style" type="submit" value="查找">
                	</div>
                </form>
                <table>
                	<tr class="tr-style-head">
                		<td>学号</td>
                		<td>学生姓名</td>
                		<td>考试课程</td>
                		<td>考试时间</td>
                		<td>成绩</td>
                		<td>状态</td>
                		<td>操作</td>
                	</tr>
                	<tr class="tr-style">
                		<td>1</td>
                		<td>张三</td>
                		<td>考试课程</td>
                		<td>考试时间</td>
                		<td>0</td>
                		<td>未批改</td>
                		<td>
                			<a class="a-color-red" href="reception/teacher/correting.jsp">批改</a>
                		</td>
                	</tr>
                	<tr class="tr-style">
                		<td>1</td>
                		<td>张三</td>
                		<td>考试课程</td>
                		<td>考试时间</td>
                		<td>80</td>
                		<td>已批改</td>
                		<td></td>
                	</tr>
                	<tr class="tr-style">
                		<td>1</td>
                		<td>张三</td>
                		<td>考试课程</td>
                		<td>考试时间</td>
                		<td>80</td>
                		<td>已批改</td>
                		<td></td>
                	</tr>
                	<tr class="tr-style">
                		<td>1</td>
                		<td>张三</td>
                		<td>考试课程</td>
                		<td>考试时间</td>
                		<td>80</td>
                		<td>已批改</td>
                		<td></td>
                	</tr>
                </table>
	            <div class="previous">
                	<a href="#">下一页</a>
                    	&nbsp;&nbsp;1/3&nbsp;&nbsp;
                	<a href="#">下一页</a>
                    <div class="float-right excel"><button name="" class="btn-style">导出文件</button></div>
                </div>
            </div>
        </div>
    </div>
  </body>
  <script type="text/javascript">
  	//查看考试成绩
  	function seeStuScore(){ 
		var popUp = document.getElementById("score"); 
		popUp.style.display = "block"; 
		var seeclass=document.getElementById("stuScore");
		seeclass.style.display = "none";
	}
	//返回考试信息列表
  	function retStuScore(){ 
		var popUp = document.getElementById("score"); 
		popUp.style.display = "none"; 
		var seeclass=document.getElementById("stuScore");
		seeclass.style.display = "block";
	}
  </script>
</html>
